﻿@import url("layout.css");

body.pop_up{background:none;}

/* 비밀번호 찾기 오류 */
div.pop_body{width:428px;padding:20px 0 0 15px;}
div.pop_body h1{
	width:px;
	height:24px;
	padding:8px 0 0 15px;
	background:transparent url('../images/popup/bg_pop02_tit.gif') no-repeat left top;
	font-size:14px;
	color:#fff;
	font-family:dotum;
}
div.pop_body div.contents_area{
	margin-left:14px;
	margin-top:20px;
	padding-bottom:26px;
	background:transparent url('../images/popup/bg_pop02_btm.gif') no-repeat left bottom;
}
div.pop_body p.btn_area{text-align:center;width:360px;}
div.pop_body p.btn_area_410{text-align:center;width:410px;}
div.pop_body p.close_area {text-align:right;padding-top:15px;padding-right:20px;}
div.contents_area p {color:#777;font-family:dotum;}

/* 공통 레이아웃 */
div.pop_body_new{
	width:443px;
}
div.pop_png_top{
	position: static;
	background:transparent url('../images/popup/bg_pop_top.png') no-repeat left top;
	_behavior:url('../js/iepngfix.htc');
	height:24px;
}
div.pop_btm_01{
	width:443px;
	height:23px;
	background:transparent url('../images/popup/bg_pop_btm.png') no-repeat left bottom;
	_behavior:url('../js/iepngfix.htc');
}
div.pop_mid_01{
	width:428px;
	padding:0 0 0 15px;
	background:transparent url('../images/popup/bg_pop_mid_01.gif') repeat-y left top;
}
div.pop_body_new h1{
	width:px;
	height:25px;
	padding:7px 0 0 15px;
	background:transparent url('../images/popup/bg_pop02_tit.gif') no-repeat left top;
	font-size:14px;
	color:#fff;
}
div.pop_body_new div.contents_area{
	margin-left:15px;
	margin-top:20px;
	padding-bottom:30px;
	background:transparent url('../images/popup/bg_pop02_btm.gif') no-repeat left bottom;
}
div.pop_body_new p.btn_area{text-align:center;width:360px;}
div.pop_body_new p.btn_area_410{text-align:center;width:410px;}
div.pop_body_new p.close_top_area{position:relative;top:0px;left:10px;}
div.pop_body_new p.close_top_area img{position:absolute;cursor:pointer;text-align:right; top:2px; right:25px;cursor:pointer;}

/* 2009-05-18 PMH 추가 */
div.contents_area p.text_01{font-size:11px;line-height:16px;font-family:dotum;margin-bottom:10px;}
div.contents_area p.text_02{font-size:11px;line-height:16px;font-family:dotum;}
div.contents_area p.text_02 span{color:#f37c17;}
/**/




div.layer_body{min-height:100%;top:0px;left:0px;width:100%;display: none;position:absolute;z-index:30;}
div.gray_layer{
	background:#000 url('../images/common/blank.gif') repeat left top;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	*height:100%;
	min-height:100%;
	top:0px;
	left:0px;
	width:100%;
	position:fixed;
	z-index:1;
	_height:expression(document.body.offsetHeight);
}
div.layer_area{min-height:100%;top:0px;left:0px;width:100%;position:absolute;z-index:2;}
div.layer_con{width:978px;position:relative;margin:0 auto;min-height:100%;}


div.pop_area{
	width:443px;
	background:transparent url('../images/popup/bg_pop_btm.gif') no-repeat left bottom;
}
div.pop_area div.pop_top_area{
	width:443px;
	padding-top:24px;
	background:transparent url('../images/popup/bg_pop_top.gif') no-repeat left top;
}
div.pop_area div.pop_top_area div.pop_mid_area{
	width:443px;
	padding-bottom:5px;
	background:transparent url('../images/popup/bg_pop_mid.gif') repeat-y left top;
}
div.pop_area div.pop_top_area p.btn{text-align:right;padding:0 18px 4px 0;}

div.pop_area div.pop_top_area div.pop_mid_area div.content{padding-left:18px;}
div.pop_area div.pop_top_area div.pop_mid_area div.content h1{
	width:395px;
	height:24px;
	padding:8px 0 0 15px;
	background:transparent url('../images/popup/bg_pop_title.gif') no-repeat left top;
	font-size:14px;
	color:#fff;
}

/* 2009-06-24 PMH 추가 S */
div.pop_area01{width:443px;padding-top:24px;}
div.pop_area01 div.content{padding-left:18px;}
div.pop_area01 h1{
	width:395px;
	height:24px;
	padding:8px 0 0 15px;
	background:transparent url('../images/popup/bg_pop_title.gif') no-repeat left top;
	font-size:14px;
	color:#fff;
	font-family:dotum;
}
div.pop_area01 p.btn{text-align:right;padding:20px 18px 4px 0;}
/* 2009-06-24 PMH 추가 E */


/* pop_sign */
div.pop_sign{
	position:relative;
	top:13px;
	left:38px;
	width:361px;
	height:133px;
	margin-bottom:20px;
	background:url('../images/popup/bg_sign.gif') no-repeat left top;
}
div.pop_sign p.btn_sign{position:absolute;top:96px;left:185px;}
/* 네이트 계정 인증 */
div.check_area{padding-top:19px;padding-left:15px;}
div.check_area p.text_area{line-height:18px;font-size:12px;color:#777;font-family:dotum;}
div.check_area p.check_btn{text-align:center;padding-top:13px;width:350px;}
div.check_area p.check_btn01{text-align:center;padding-top:11px;width:377px;}

div.data_area{
	width:380px;
	padding-bottom:17px;
	margin-top:5px;
	background:transparent url('../images/popup/bg_data_btm.gif') no-repeat left bottom;
}
div.mgt16{margin-top:16px;}
p.letter_s1{letter-spacing:-1px;}
/* RHJ 추가 0323 */
div.data_area1{
	width:380px;
	margin-top:5px;
}
div.data_area div.data_top{
	width:380px;
	padding-top:10px;
	background:transparent url('../images/popup/bg_data_top.gif') no-repeat left top;
}
div.data_area div.data_top div.data_mid{
	width:380px;
	background:transparent url('../images/popup/bg_data_mid.gif') repeat-y left top;
}

div.data_con{padding:2px 0 0 16px;}
div.data_con dl{border-top:1px dotted #e7e7e7;width:322px;font-size:12px;color:#777;}
div.data_con dl dt{float:left;width:59px;}
div.data_con dl dd{float:left;}
div.data_con dl input{border:none;height:14px;}
/**/
div.data_con dl.id_area{height:28px;border:none;}
div.data_con dl.id_area dt{padding-top:4px;}
div.data_con dl.id_area dd div{
	float:left;
	width:95px;
	height:18px;
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/bg_pop_input_01.gif') no-repeat left top;
}
div.data_con dl.id_area dd div input{width:90px;}
div.data_con dl.id_area dd span{display:block;float:left;padding:4px 0 0 5px;}
/**/
div.data_con dl.pw_area{height:35px;}
div.data_con dl.pw_area dt{padding-top:11px;}
div.data_con dl.pw_area dd{padding-top:8px;}
div.data_con dl.pw_area dd div{
	float:left;
	width:95px;
	height:18px;
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/bg_pop_input_01.gif') no-repeat left top;
}
div.data_con dl.pw_area dd div input{width:90px;}

/* 네이트 계정 인증 완료 */
div.check_area div.line_area{
	width:385px;
	padding-top:16px;
	margin-top:15px;
	background:transparent url('../images/popup/bg_pop_line.gif') no-repeat left top;
}
div.check_area div.line_area p.check_btn{text-align:center;padding-top:0px;}

/* 실명인증 */
div.check_area p.text_area span{color:#f37c17;}
div.check_area p.text_area span a {color:#f37c17;}
div.data_con_01{padding:6px 0 0 16px;}
div.data_con_01 dl{border-top:1px dotted #e7e7e7;width:322px;font-size:12px;color:#777;}
div.data_con_01 dl dt{float:left;width:83px;}
div.data_con_01 dl dd{float:left;}
div.data_con_01 dl input{border:none;height:14px;}
/**/
div.data_con_01 dl.name_area{height:24px;border:none;}/* height수정 RHJ 0323 */
div.data_con_01 dl.name_area dt{padding-top:4px;}
div.data_con_01 dl.name_area dd div{
	float:left;
	width:85px;
	height:18px;
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/bg_pop_input_02.gif') no-repeat left top;
}
div.data_con_01 dl.name_area dd div input{width:80px;}
/**/
div.data_con_01 dl.num_area{height:22px; border-top:0;}/* 수정 RHJ 0323 */
div.data_con_01 dl.num_area dt{padding-top:4px;}/* 수정 RHJ 0323 */
div.data_con_01 dl.num_area dd{padding-top:0px;}/* 수정 RHJ 0323 */
div.data_con_01 dl.num_area dd div{
	float:left;
	width:85px;
	height:18px;
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/bg_pop_input_02.gif') no-repeat left top;
}
div.data_con_01 dl.num_area dd div input{width:80px;}
div.data_con_01 dl.num_area dd strong{display:block;float:left;padding:3px;}

/**/
div.check_area p.text_area_01{line-height:18px;font-size:12px;color:#777;padding-top:12px;padding-bottom:5px;}
div.check_area div.id_data{
	float:left;
	width:95px;
	height:19px;
	padding:1px 10px 0 10px;
	margin-right:4px;
	background:transparent url('../images/popup/bg_pop_input_01.gif') no-repeat left top;
}/* 2009-06-11 PMH */
div.check_area div.id_data input{border:none;width:90px;height:15px;font-size:11px;}/* 2009-06-11 PMH */
div.check_area div div.duplicate{float:left;}

/* 우편번호 찾기 */
div.check_area dl.find_zip_code{height:35px;}
div.check_area dl.find_zip_code dt{float:left;font-weight:bold;width:92px;padding-top:3px;}
div.check_area dl.find_zip_code dd{float:left;}
div.check_area dl.find_zip_code dd div{
	float:left;
	width:135px;
	height:18px;
	padding:2px 10px 0 10px;
	margin-right:4px;
	background:transparent url('../images/popup/bg_pop_input_03.gif') no-repeat left top;
}
div.check_area dl.find_zip_code dd img{float:left;}
div.check_area dl.find_zip_code dd div input{border:none;width:135px;height:14px;}
div.check_area p.text_area_03{line-height:16px;font-size:12px;color:#777;}
div.check_area p.text_area_03 span{color:#cacaca;font-size:11px;}

div.data_top table.zip_code_area{margin:0 10px 0 9px;width:342px;}
div.data_top table.zip_code_area th{font-size:12px;color:#888;height:23px;border-bottom:1px dotted #dbdbdb;}
div.data_top table.zip_code_area td{text-align:center;padding:10px 0 10px 0;border-top:1px dotted #dbdbdb;}
div.data_top table.zip_code_area td.top{border-top:none;}
div.data_top table.zip_code_area td.zip_code{ text-align: left;}
div.data_top table.zip_code_area td.none_data{vertical-align:middle;height:20px;}

/* 휴대폰 추가 */
dl.mobile_add{height:21px;}
dl.mobile_add dt{float:left;font-weight:bold;padding-top:3px;}
dl.mobile_add dt img{vertical-align:middle;}
dl.mobile_add dd{float:left;padding-left:10px;}

table.mobile_table_01 {}
table.mobile_table_01 td{border-top:1px dotted #e7e7e7;height:29px;color:#777;}
table.mobile_table_01 td.top{border:none;}
table.mobile_table_01 td.first{padding-left:4px;}

/* 휴대폰 추가 SKT 회원용 */
div.check_area p.text_area_04{line-height:18px;font-size:12px;color:#777;letter-spacing:-1px;}
dl.mobile_add_01{}
dl.mobile_add_01 dt{font-weight:bold;color:#777;}
dl.mobile_add_01 dt.parent_txt { padding:1px 0 9px 16px; #padding-left:16px; width:130px; background:transparent url('../images/popup/phone_choice_blt.gif') no-repeat left top; }
dl.mobile_add_01 dt.parent_txt02 { padding:5px 0 0 16px; #padding-left:16px; width:170px; background:transparent url('../images/popup/phone_choice_blt.gif') no-repeat left 4px; }
dl.mobile_add_01 dt img{vertical-align:middle;}
dl.mobile_add_01 dd{letter-spacing:-1px;line-height:22px;}
dl.mobile_add_01 dd span{color:#f37c17;}
dl.mobile_add_01 dd.parent_phone { clear:both; padding-top:10px; }
dl.mobile_add_01 dd.parent_phone ul { margin:0; padding:0; }
dl.mobile_add_01 dd.parent_phone ul li { float:left; }
dl.mobile_add_01 dd.parent_phone ul li.phone_ino { padding-left:5px; _padding-left:2px; } 
dl.mobile_add_01 dd.parent_phone ul li div.data_02{
	width:29px;
	height:19px;
	padding:1px 10px 0 15px;
	background:transparent url('../images/popup/pop_info_bg05.gif') no-repeat left top;
}
dl.mobile_add_01 dd.parent_phone ul li div.data_02 input.tbox {width:30px;height:14px;border:none;}

dl.mobile_add_01 dd.mobile_data_area ul{}
dl.mobile_add_01 dd.mobile_data_area li{float:left;padding-right:4px;}
dl.mobile_add_01 dd.mobile_data_area li div.data_01{
	width:35px;
	height:18px;
	padding:2px 10px 0 20px;
	background:transparent url('../images/popup/bg_pop_input_04.gif') no-repeat left top;
}
dl.mobile_add_01 dd.mobile_data_area li div.data_01 input{width:30px;height:14px;border:none;font-size:11px;text-align:center;}/* 2009-06-10 PMH */
/**/
dl.mobile_add_02{margin-top:20px;}
dl.mobile_add_02 dt{font-weight:bold;color:#777;}
dl.mobile_add_02 dt img{vertical-align:middle;}
dl.mobile_add_02 dd{letter-spacing:-1px;line-height:22px;}
/**/
div.data_con dl.code_num{border-top:none;height:35px;}
div.data_con dl.code_num dt{float:left;width:83px;padding-top:5px;color:#777;}
div.data_con dl.code_num dd{float:left;}
div.data_con dl.code_num dd div.code_num_data{
	width:99px;
	height:20px;
	padding:2px 10px 0 10px;
	margin-right:5px;
	background:transparent url('../images/popup/bg_pop_input_05.gif') no-repeat left top;
}
div.data_con dl.code_num dd div.code_num_data input{width:95px;height:14px;border:none;font-size:11px;text-align:center;}/* 2009-06-10 PMH */
div.data_con p.info{color:#cacaca;line-height:16px;}
div.data_con p.info span{color:#777;}

/* 휴대폰 편집 */
dl.edit_mobile{/*height:68px;*/height:75px;margin-left:8px;}
dl.edit_mobile dt{float:left;width:77px;}
dl.edit_mobile dd{float:left;line-height:16px;font-size:11px;color:#666;padding-top:10px;}
dl.edit_mobile dd strong{line-height:18px;font-size:12px;color:#666;}
/**/
dl.edit_mobile_01{margin-top:15px;height:29px;}
dl.edit_mobile_01 dt{float:left;font-weight:bold;color:#777;width:109px;padding-top:4px;}
dl.edit_mobile_01 dt img{vertical-align:middle;}
dl.edit_mobile_01 dd{float:left;}
dl.edit_mobile_01 dd div{
	width:138px;
	height:18px;
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/bg_pop_input_06.gif') no-repeat left top;
}
dl.edit_mobile_01 dd div input{width:130px;height:14px;border:none;font-size:11px;}
div.check_area p.text_info{color:#777;font-size:12px;line-height:16px;}
div.check_area p.text_info span{color:#cacaca;font-size:11px;}

/* 모바일 전용회원 로그인 */
dl.mobile_add_03{}
dl.mobile_add_03 dt{font-weight:bold;color:#777;}
dl.mobile_add_03 dt img{vertical-align:middle;}
dl.mobile_add_03 dd{letter-spacing:-1px;line-height:22px;padding:5px 0 0 17px;}

p.text_area_05{line-height:16px;font-size:12px;color:#777;letter-spacing:-1px;padding-top:6px;font-family:dotum;}
p.pdt11{padding-top:11px;}
p.pdt10{padding-top:10px;}
p.line_h18{line-height:18px;}
p.text_area_05 span{color:#f37c17;}
div.data_con p.info_01{color:#cacaca;line-height:16px;letter-spacing:-1px;}
div.data_con p.info_01 span{color:#777;}

p.btn_recode{padding:12px 0 0 80px;}
p.pdt9{padding-top:9px;}
p.pdt10{padding-top:10px;}

/* PC 매니저 실행 */
p.text_area_06{line-height:18px;font-size:12px;color:#444;font-family:dotum;}

/* 0323 RHJ추가 */
.pd_l0 {padding-left:0 !important;}

/* 09032 스크롤추가 : 양승열 */
.scrollY { 
	width: 372px;
	height: 162px;
	/* 흰색배경 */
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #dfdfdf;
	scrollbar-highlight-color: #dfdfdf;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #f9f9f9;
	scrollbar-arrow-color: #a8a8a8;
}

img.btn_01 {
 vertical-align: middle;
}

/* selectbox area */
div.select_box{position:relative;z-index:10;}
div.select_box div.select_left, div.select_box div.select_right {float:left;}
div.select_box div.select_bg {background:#fff url('../images/common/select_bg_01.gif') repeat-x 0 0; float:left; width:64px; height:20px; position: relative; z-index:20; font-size:12px;}
div.select_box span.select_title {position: absolute; z-index:100; left:17px; top:4px;*top:5px; font: normal 11px dotum;color:#999;cursor:pointer;}/* 2009-06-11 PMH */

div.select_box ul{
	width:97px; 
	height: 65px;
	background:#fff; 
	border:1px solid #dedede; 
	position:absolute; top:19px; left: 7px; z-index:21; 
	padding:5px 0 0 0;
	clear:left;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color: #fafafa;
	scrollbar-shadow-color: #d4d4d4;
	scrollbar-highlight-color: #d4d4d4;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #c7c7c7;
}
div.select_box li {padding:1px 3px; margin:0 7px; _margin:0 3px; font: normal 11px dotum; line-height: 1.2em;}
div.select_box a:link, div.select_box a:active, div.select_box a:visited {color:#999; display:block; padding-top:2px;}
div.select_box a:hover{text-decoration:none; background:#ddd; font-weight:bold; color:#fff;}

div.select_box_01{position:relative;z-index:9;}
div.select_box_01 div.select_left, div.select_box div.select_right {float:left;}
div.select_box_01 div.select_bg {background:#fff url('../images/common/select_bg_01.gif') repeat-x 0 0; float:left; width:64px; height:20px; position: relative; z-index:20; font-size:11px;}
div.select_box_01 span.select_title {position: absolute; z-index:100; left:10px; top:4px; font: normal 11px dotum;color:#999;cursor:pointer;}

div.select_box_01 ul{
	width:65px;
	height: 65px;
	background:#fff; 
	border:1px solid #dedede; 
	position:absolute; top:19px; left: 7px; z-index:21; 
	padding:5px 0 0 0;
	clear:left;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color: #fafafa;
	scrollbar-shadow-color: #d4d4d4;
	scrollbar-highlight-color: #d4d4d4;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #c7c7c7;
}
div.select_box_01 li {padding:1px 3px; margin:0 7px; _margin:0 3px; font: normal 11px dotum; line-height: 1.2em;clear:both;}
div.select_box_01 a:link, div.select_box_01 a:active, div.select_box_01 a:visited {color:#999; display:block; padding-top:2px;}
div.select_box_01 a:hover{text-decoration:none; background:#ddd; font-weight:bold; color:#fff;}
/*
div.select_box_01 li{padding:3px;border-top:1px solid #ddd; margin:0 7px; _margin:0 3px; font-size:11px;line-height:12px;}
div.select_box_01 li.first-child{border:0; padding-top:10px;background:#fff;}
div.select_box_01 a{color:#999; display:block; width:40px; padding-top:2px;}
div.select_box_01 a:hover{text-decoration:none; background:#ddd; font-weight:bold; color:#fff;}
*/
/* game */
p.txt_info_area{line-height:18px;font-size:12px;color:#777;}
p.txt_info_area span{color:#f37c17;}
p.txt_info_area span a{color:#f37c17;}

p.txt_info_area01{line-height:18px;font-size:12px;color:#777;}
p.pdt12{padding-top:12px;}

div.contents_area_game{
	margin-left:14px;
	margin-top:20px;
	padding-bottom:15px;
}

div.pop_table_btm{
	width:390px;
	padding-bottom:2px;
	background:transparent url('../images/popup/bg_pop_table_btm.gif') no-repeat left bottom;
}
h2.table_title{
	width:390px;
	font-size:12px;
	color:#777;
	padding:5px 0 7px 0;
	background:transparent url('../images/popup/bg_pop_table.gif') no-repeat left top;
	text-align:center;
	margin-top:3px;
	margin-left:1px;
}
table.pop_table{margin-left:8px;font-size:12px;color:#999;}
table.pop_table td{border-top:1px dotted #e7e7e7;padding:8px 0 6px 0;font-family:dotum;}
table.pop_table td.pdt7{padding-top:7px;padding-left:1px;}
table.pop_table td.top{border:none;padding:8px 0 6px 0;}

table.pop_table td.info_01{width:57px;padding:7px 0 0 12px;vertical-align:top;}
table.pop_table td.info_02{width:139px;}
table.pop_table td.info_03{width:56px;padding:7px 0 0 0;vertical-align:top;}
table.pop_table td.info_04{width:110px;}

table.pop_table td.info_05{width:305px;}
table.pop_table td.info_05 img.check{vertical-align:bottom;margin-right:3px;}
table.pop_table td.info_05 span{display:block;padding-top:5px;font-size:11px;color:#cacaca;letter-spacing:-1px;}

table.pop_table td.info_06{width:57px;padding:2px 0 0 12px;}
table.pop_table td.info_07{padding:3px 0 1px 0;}
table.pop_table td.info_07 div.pop_input_area{
	width:285px;
	height:18px;
	padding:2px 10px 3px 10px;
	background:transparent url('../images/popup/bg_pop_input_07.gif') no-repeat left top;
}
table.pop_table td.info_07 div.pop_input_area input{width:280px;border:none;height:14px;background:#f6f6f6;}

table.pop_table td.info_08 div.text_area{
	width:364px;
	height:171px;
	padding:5px;
	background:transparent url('../images/popup/bg_textarea.gif') no-repeat left top;
}
table.pop_table td.info_08 div.text_area textarea{
	border:none;
	width:100%;
	height:166px;
	background:#f6f6f6;
	overflow-y:scroll;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #dfdfdf;
	scrollbar-highlight-color: #dfdfdf;
	scrollbar-3dlight-color: #f5f5f5;
	scrollbar-darkshadow-color: #f5f5f5;
	scrollbar-track-color: #f9f9f9;
	scrollbar-arrow-color: #a8a8a8;
}

div.pop_body p.btn_area_game{text-align:center;/*width:410px;*/}
div.pop_body p.btn_area_game01{padding-left:173px;/*width:410px;*/}

/*  */
div.pop_body_01{width:475px;padding:20px 0 0 15px;}
div.pop_body_01 h1{
	width:449px;
	height:25px;
	padding:7px 0 0 15px;
	background:transparent url('../images/popup/bg_pop_tit_464.gif') no-repeat left top;
	font-size:14px;
	color:#fff;
}

div.type_area{
	width:416px;
	height:89px;
	padding:16px 0 0 16px;
	margin:22px 0 0 16px;
	background:transparent url('../images/popup/bg_type_select.gif') no-repeat left top;
}
div.type_area dl.mobile_type{height:51px;}
div.type_area dl.mobile_type dt{float:left;width:138px;padding-top:2px;}
div.type_area dl.mobile_type dt label{position:relative;left:2px;}
div.type_area dl.mobile_type dd{float:left;width:260px;}

dl.mobile_type ul{}
dl.mobile_type li{float:left;padding-right:3px;}
dl.mobile_type li div.data_01{
	width:35px;
	height:18px;
	padding:2px 10px 0 20px;
	background:transparent url('../images/popup/bg_pop_input_04.gif') no-repeat left top;
}
dl.mobile_type li div.data_01 input{width:30px;height:14px;border:none;}
dl.mobile_type li.txt_info{font-size:11px;color:#cacaca;letter-spacing:-1px;font-family:"dotum";padding-top:2px;}

div.type_area dl.manufacturer_type{}
div.type_area dl.manufacturer_type dt{float:left;width:138px;padding-top:2px;}
div.type_area dl.manufacturer_type dt label{position:relative;left:2px;}
div.type_area dl.manufacturer_type dd{float:left;}

dl.manufacturer_type ul{}
dl.manufacturer_type li{float:left;padding-right:3px;}
dl.manufacturer_type li div.data_02{
	width:49px;
	height:18px;
	padding:2px 5px 0 5px;
	background:transparent url('../images/popup/bg_input_59.gif') no-repeat left top;
}
dl.manufacturer_type li div.data_02 input{width:48px;height:14px;border:none;font-size:11px;}

p.type_search_tit{text-align:right;font-size:12px;color:#999;margin-top:16px;margin-bottom:7px;padding-left:25px;padding-right:37px;}
p.type_search_tit span{float:left;}
p.type_search_tit strong{color:#555;}

p.type_search_tit_01 {font-size:12px;color:#999;margin-top:16px;margin-bottom:5px;padding-left:25px;padding-right:37px;}
p.type_search_tit_01 strong {color:#555;}

div.type_search_area{
	width:431px;
	padding:4px 0 0 0;
	margin:0 0 0 15px;
	background:transparent url('../images/popup/bg_table_top.gif') no-repeat left top;
}
table.type_result{margin:0 0 0 11px;}
table.type_result td{padding:12px 0;border-top:1px dotted #e7e7e7;text-align:left;font-family:dotum;}
table.type_result td.top{border:none;}
table.type_result td strong{line-height:16px;}
table.type_result td span{font-size:11px;color:#666;font-family:dotum;line-height:14px;}

table.type_result td.area_01{width:77px;}
table.type_result td.area_02{width:135px;}
table.type_result td.area_03{width:77px;}
table.type_result td.area_04{width:125px;}
table.type_result td.area_05{width:337px;}
	table.type_result td.area_05 span {font-weight: normal;}
table.type_result td.area_06{text-align: left; font-weight: normal;}

/* paging */
div.pop_paging{
	clear:both;
	background: url('../images/common/bg_pop_paging.gif') no-repeat 0 0;
	width:431px;
	height:17px;
	text-align:center;
	padding:6px 0 0 0;
	font-family :tahoma;
	margin-left:15px;
}
div.pop_paging table{
	background: #fff;
	display:inline;
}
body:first-of-type div.pop_paging table {display:inline-block; } /* safari */

div.pop_paging table td{
	width:22px;
	height:44px;
	*height:22px;
	background:#fff;
	display:block;
	float:left;
	margin-top:-3px;
}
div.pop_paging a {
	display:block;
	width:22px;
	height:22px;
	padding-top:4px;
}
body:first-of-type div.pop_paging a {display:inline-block; } /* safari */
div.pop_paging table td.btn {
	margin-top:-3px;
}
div.pop_paging table td.btn img{margin-top:2px;*margin-top:0px;}
div.pop_paging a.select {
	background: url('../images/common/bg_paging_num.gif') no-repeat 1px 2px;
	color:#fff;
	font-weight:bold;
}

div.pop_body_01 p.close_area {text-align:right;padding-top:15px;padding-right:13px;}

/* 결제팝업 CSS 추가 BJP */

div.total_area { width:388px; margin:0; padding:14px 0 0 12px; }
div.total_box { margin:0; padding:0; }
div.total_box h1{
	width:359px;
	height:26px;
	padding:10px 0 0 17px;
	background:transparent url('../images/popup/pop_tit_bg.gif') no-repeat left top;
	font-family:Dotum;
	font-size:14px;
	color:#fff;
}
p.pop_stxt { margin-top:18px; _margin-top:19px; padding-left:17px; font-family:Dotum; font-size:12px; color:#777; line-height:1.5em; text-align:left; }
p.pop_stxt span { font-weight:bold; color:#f37c17; }
p.pop_stxt02 { margin-top:8px; padding-left:17px; font-family:Dotum; font-size:11px; color:#999; line-height:1.4em; text-align:left; }
p.pop_stxt03 { height:67px; margin-top:8px; padding-left:17px; font-family:Dotum; font-size:11px; color:#999; line-height:1.4em; text-align:left; background:url('../images/popup/bottom_line.gif') no-repeat 17px bottom; }
div.info_search { width:322px; height:62px; margin:11px 0 0 18px; _margin:10px 0 0 18px; padding:16px 0 0 20px; background:transparent url('../images/popup/pop_info_search_bg.gif') no-repeat left top; }
div.info_search02 { width:322px; height:137px; margin-top:17px; padding:16px 0 0 20px; background:transparent url('../images/popup/pop_info_search_bg02.gif') no-repeat left top; }
dl.info_form { margin:0; padding:0; height:24px;border:none; }
dl.info_form input { border:none; height:14px; background:#fff; }
dl.info_form dt { margin-top:4px; #margin-top:5px; padding:0; float:left; width:83px; font-family:Dotum; font-size:12px; color:#777; }
dl.info_form dt.parent_txt { padding:1px 0 0 16px; #padding-left:16px; width:130px; background:transparent url('../images/popup/phone_choice_blt.gif') no-repeat left top; }
dl.info_form dd { margin:0; padding:0; float:left; }
dl.info_form dd.phone_no01 { padding-left:12px; }
dl.info_form dd.phone_no02 { padding-left:5px; }
dl.info_form dd strong{ display:block; float:left; padding:4px 4px 0 3px; _padding:4px 4px 0 1px; }
dl.info_form dd div { 
	float:left;
	width:85px;
	height:20px;
	padding:2px 10px 0 10px;
	#padding:1px 10px 0 10px;
	background:transparent url('../images/popup/bg_pop_input_02.gif') no-repeat left top;
}
dl.info_form dd div input { width:80px; }
dl.info_form dd div.name_form {
	float:left;
	width:201px;
	height:20px
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/pop_info_bg01.gif') no-repeat left top;
}

dl.info_form dd div.name_form02 {
	float:left;
	width:135px;
	height:20px
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/pop_info_bg02.gif') no-repeat left top;
}
dl.info_form dd div.name_form02 input { width:135px; }
dl.info_form dd div.name_form03 {
	float:left;
	width:174px;
	height:20px
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/pop_info_bg03.gif') no-repeat left top;
}
dl.info_form dd div.name_form03 input { width:172px; }
dl.info_form dd div.name_form04 {
	float:left;
	width:70px;
	height:20px
	padding:2px 10px 0 10px;
	background:transparent url('../images/popup/pop_info_bg04.gif') no-repeat left top;
}
dl.info_form dd div.name_form04 input { width:70px; }
dl.info_form dd div.name_form input { width:201px; }
ul.phone_choice { margin-top:16px; #margin-top:15px; padding-left:17px; }
ul.phone_choice li { margin:0; padding:0; font-family:Dotum; font-size:12px; color:#777; }
ul.phone_choice li.choice_blt { padding:1px 0 0 16px; #padding-left:16px; background:transparent url('../images/popup/phone_choice_blt.gif') no-repeat left top; #background:transparent url('../images/popup/phone_choice_blt.gif') no-repeat left 2px; }

dl.select_phone { margin:0; padding-top:7px; height:20px; }
dl.select_phone dt { margin:0; padding:0; float:left; }
dl.select_phone dd { margin:0; padding:0; float:left; }

div.parent_info { margin-top:6px; padding:0; padding-left:17px; font-family:Dotum; font-size:12px; color:#777; }
div.parent_info02 { margin:0; padding:0; padding-left:17px; font-family:Dotum; font-size:12px; color:#777; }

/* selectbox area */
div.select_box03{position:relative; width:260px; z-index:10;}
div.select_box03 div.select_left, div.select_box div.select_right {float:left;}
div.select_box03 div.select_bg {background:#fff url('../images/common/select_bg_01.gif') repeat-x 0 0; float:left; width:228px; height:20px; position: relative; z-index:20; font-size:12px;}
div.select_box03 span.select_title {position: absolute; z-index:100; left:17px; top:5px; font: normal 11px dotum;color:#999;cursor:pointer;}

div.select_box03 ul{/*width:254px; background:#fff url('../images/popup/bg_select_new_04.gif') no-repeat left bottom; position:absolute; top:13px; z-index:21; clear:left;*/
	width:240px;
	height: 65px;
	background:#fff; 
	border:1px solid #dedede; 
	position:absolute; top:19px; left: 7px; z-index:21; 
	padding:5px 0 0 0;
	clear:left;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-face-color: #fafafa;
	scrollbar-shadow-color: #d4d4d4;
	scrollbar-highlight-color: #d4d4d4;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #c7c7c7;
}
div.select_box03 li{ width:210px; padding:3px; margin:0 7px; _margin:0 3px; font-size:11px;line-height:12px;}
div.select_box03 a:link{color:#999; display:block; width:210px; padding-top:2px; _padding-left:4px;}
div.select_box03 a:visited{color:#999; display:block; width:210px; padding-top:2px; _padding-left:4px;}
div.select_box03 a:hover{text-decoration:none; background:#ddd; font-weight:bold; color:#fff;}
div.select_box03 a:active{color:#999; display:block; width:210px; padding-top:2px; _padding-left:4px;}

p.phone_no_txt { clear:both; font-family:Dotum; font-size:11px; color:#cacaca; line-height:1.4em; }
p.phone_no_txt span { color:#888; }
p.phone_no_txt02 { clear:both; margin-top:10px; #margin-top:5px; font-family:Dotum; font-size:11px; color:#808080; line-height:1.4em; }
p.phone_no_txt03 { clear:both; margin-top:9px; font-family:Dotum; font-size:11px; color:#808080; line-height:1.4em; }
p.phone_no_txt04 { margin-top:9px; font-family:Dotum; font-size:11px; color:#cacaca; line-height:1.4em; }
p.phone_no_txt04 span { color:#888; }
p.btn_pop { width:373px; text-align:center; margin-top:13px; }
p.pop_close { width:373px; text-align:right; margin-right:27px; }
p.pop_close02 { width:373px; text-align:right; margin-right:27px; padding-top:14px; }





/* 2009-04-07 팝업 추가 jhk 시작*/

div.pop_cont_area {padding:25px 0 15px 15px;}
div.top_txt { width:342px; font-size:12px; color:#777; padding-bottom:19px;}
div.top_txt span {color:#F37C17; }
ul.list_araea {width:342px;}
ul.list_araea li {width:342px; font-size:12px; color:#777; vertical-align:middle;}
ul.list_araea li img {vertical-align:middle;}
ul.list_araea li.tit {padding-bottom:9px;}
ul.list_araea li.btn {padding-left:29px;}
ul.list_araea li.btn img {margin-right:7px;}
div.list_bottom_bg {width:342px; background:url('../images/popup/list_bottom_bg.gif') no-repeat left bottom; padding-bottom:11px;}
div.list_top_bg {width:342px; background:url('../images/popup/list_bar.gif') no-repeat left top; padding-left:10px;}
table.list_pop {width:322px;}
table.list_pop th {height:26px; font-size:12px; color:#777;}
table.list_pop td {font-size:12px; color:#777; text-align:center; padding-top:7px;}
table.list_pop td img {vertical-align:top;}
table.list_pop td.subject {text-align:left; color:#555;}
div.btn_area {width:342px; padding-top:19px;}

div.btn_area2 {width:342px;  text-align:center;}
div.btn_area3 {width:342px; }
div.txt_area { width:342px; font-size:12px; color:#777; padding-bottom:25px; background:url('../images/popup/bottom_line.gif') no-repeat left bottom;}
div.txt_area span {color:#F37C17; }
div.txt_area p {padding-top:13px;}

div.pc_m_bg {width:340px; height:108px; background:url('../images/popup/pc_manager_bg1.gif') no-repeat left top; padding:16px 0 0 10px; margin-top:10px;} 
ul.pc_m {}
ul.pc_m li { font-size:12px; color:#888; font-family:dotum; line-height:14px;}
ul.pc_m li p {padding-bottom:7px;}
ul.pc_m li span {color:#F37C17;}
ul.pc_m li.btn {padding:7px 0 0 45px;}


/* 2009-04-07 팝업 추가 jhk 끝*/

/* 090420 RHJ 추가 */
p.pop_stxt04 {margin-top:20px; padding-left:17px; font-family:Dotum; font-size:12px; color:#777; line-height:1.5em; text-align:left; }
p.pop_stxt04 span.phone {font-weight:bold; color:#f37c17; }
p.pop_stxt05 {margin-top:10px; padding-left:17px; font-family:Dotum; font-size:12px; color:#777; line-height:1.5em; text-align:left; }
dl.purchase_select {clear:both; overflow:hidden; padding-left:17px; margin-top:17px;}
dl.purchase_select dd {float:left; padding-right:12px;}
dl.purchase_select dd label {margin-left:5px;}
p.purchase_btm {width:340px; height:7px; margin:15px 0 0 17px; background:url('../images/popup/bg_pop_purchase_btm.gif') no-repeat left top;}
p.purchase_btn {width:340px; margin:10px 0 0 17px; text-align:center; }
div.purchase_input {padding-left:17px; margin-top:18px;}
p.purchase_box_top {
	height:13px;
	margin-top:3px;
	background:url('../images/popup/bg_purchase_box_top.gif') no-repeat left top;
}
p.purchase_box_btm {
	height:13px;
	margin-bottom:20px;
	background:url('../images/popup/bg_purchase_box_btm.gif') no-repeat left bottom;
}
ul.purchase {
	height:20px;
	margin-top:-4px;
	padding-left:17px;
}
dl.mobile_add_01 dd.select {
	clear:both;
	overflow:hidden;
	height:20px;
	margin:5px 0 0 17px;
	padding-left:15px;
	line-height:16px;
	font-size:11px;
	letter-spacing:0;
	background:url('../images/popup/date_check_img.gif') no-repeat left 3px;
}
div.purchase_board {
	width:323px;
	height:106px;
	overflow:auto;
	margin-left:9px;
	padding:1px 0;
	overflow-x: hidden;
	overflow-y: scroll;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #dfdfdf;
	scrollbar-highlight-color: #dfdfdf;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #f9f9f9;
	scrollbar-arrow-color: #a8a8a8;
}
table.purchase {width:300px;}
table.purchase td {text-align:left; padding:10px 0 8px 12px; font-weight:bold; border-top:1px dashed #e7e7e7;}
table.purchase td.taR {text-align:right; padding-right:12px;}
table.purchase td.taR img {margin-top:-2px;}
dl.purchase_ment {clear:both;font-size:11px;}
dl.purchase_ment dd {padding-bottom:7px;}
dl.purchase_ment dd.last {padding-bottom:0; color:#cacaca;}
div.commodity_box {
	width:324px;
	height:119px;
	margin:10px 0 19px 0;
	padding:16px 0 0 16px;
	font-family:Dotum; font-size:12px; color:#777;
	background:url('../images/popup/bg_commodity_box.gif') no-repeat left top;
}
div.commodity_box ul li {
	padding-bottom:6px;
}
div.commodity_box ul li.last {
	padding-top:5px;
	font-size:11px;
	line-height:1.3em;
}
div.commodity_box ul li.btn {
	padding:6px 0 0 33px;
}
.pd_t3 {padding-top:3px !important;}
.pd_b0 {padding-bottom:0px !important;}
.col {color:#f37c17 !important;}
.mg_b18 {margin-bottom:18px !important;}

/* 2009-06-01 PMH 팝업 추가 */
div.btm_area_400{width:385px;padding:20px 0 0 15px;}
div.btm_area_400 p.btn_area{text-align:right;padding:25px 15px 0 0;}
div.btm_area_400 h1.title{
	width:357px;
	height:24px;
	margin:0 0 23px 0;
	padding:7px 0 0 15px;
	background:url('../images/popup/bg_title_372.gif') no-repeat left top;
	font-size:14px;
	font-family:dotum;
	color:#fff;
}
p.pop_text_01{margin:0 0 0 13px;letter-spacing:-1px;color:#777;line-height:18px;}
p.pop_text_01 span.oran{font-weight:bold;color:#f37c17;}
p.pop_text_02{margin:0 0 0 13px;letter-spacing:-1px;color:#777;line-height:18px;}
p.pop_text_02 span.oran{color:#f37c17;}

div.data_table_area{
	padding:0 0 11px 0;
	margin:15px 0 0 15px;
	background:url('../images/popup/bg_table_btm_340.gif') no-repeat left bottom;
}
div.data_table_01{
	width:340px;
	background:url('../images/popup/bg_table_340.gif') no-repeat left top;
}
table.pop_table_02 th{
	text-align:center;
	height:18px;
	padding-top:5px;
	background:url('../images/common/bg_tablet_line.gif') no-repeat left top;
	color:#777;
}
table.pop_table_02 td.first{background:none;}
table.pop_table_02 td dl.items{margin-top:8px;}
table.pop_table_02 td dl.items dt{float:left;width:87px;text-align:center;}
table.pop_table_02 td dl.items dd{float:left;padding-top:15px;line-height:20px;font-size:12px;color:#555;}

table.pop_table_02 td.capacity{text-align:center;}
table.pop_table_02 td.price{text-align:center;}

div.text_btm{
	width:340px;
	padding:0 0 13px 0;
	margin:12px 0 0 15px;
	background:url('../images/popup/bg_text_btm.gif') no-repeat left bottom;
}
div.text_top{
	width:340px;
	padding:13px 0 0 0;
	background:url('../images/popup/bg_text_top.gif') no-repeat left top;
}
div.text_mid{
	width:340px;
	padding:0 0 0 0;
	background:url('../images/popup/bg_text_mid.gif') repeat-y left top;
}
/* 0615 RHJ 추가 */
.font1 {font-size:11px; font-family:dotum; line-height:19px;}